.productAdd {
  width: 100%;
  height: 100%;
  padding: 15px 15px 0;
  box-sizing: border-box;
  overflow-y: auto;

  .card {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    border-radius: 2px;
    background-color: white;
    .flex-column-start();

    .title {
      width: 100%;
      box-sizing: border-box;
      padding: 10px;
      border-bottom: 1px solid #f1f1f1;
      font-size: @font-size-large;
      color: black;
    }

    .container {
      width: 100%;
      .flex-column-start();

      .formBox {
        width: 100%;
        padding: 30px;
        box-sizing: border-box;
        .flex-column-start();

        .imgBox {
          width: 100%;
          .flex-row-start();

          img {
            width: 120px;
            height: 120px;
            display: block;
            margin-right: 10px;
          }

          .uploadBox {
            width: 120px;
            height: 120px;
            border: 1px solid #d9d9d9;
            .clickable();
            .flex-row-center();

            .icon {
              font-size: 30px;
            }
          }
        }

        .videoBox {
          width: 100%;
          .flex-column-normal();

          .file {
            padding: 8px 0;

            .fileNameBox {
              margin-left: 6px;
              font-size: @font-size-small;

              .fileName {
                color: blue;
                text-decoration: underline;
                cursor: pointer;
              }

              .noFile {
                color: #bebebe;
              }
            }
          }
        }

        .richEditBox {
          // width: 100%;
          // height: 500px;
        }
      }

      .footer {
        width: 100%;
        padding-bottom: 20px;
        box-sizing: border-box;
        .flex-row-center();
      }
    }
  }
}